.form {
  width: 100%;
  .et-flex-column-normal();

  &.inline {
    .et-flex-normal();
  }

  .form-btns {
    width: 100%;
    margin-bottom: 10px;
    .et-flex-center;

    &>*:not(:first-child) {
      margin-left: 10px;
    }
  }
}

.form-item {
  .et-flex-normal();

  .form-item-label {
    flex-shrink: 0;
    height: 32px;
    width: 100px;
    text-align: right;
    margin-right: 20px;
    word-break: break-all;
    .et-flex-end();

    &.form-item-label-required {
      &::before {
        content: "*";
        color: red;
        margin-right: 3px;
      }
    }
  }

  .form-item-value-container {
    flex: 1;
    .et-flex-column-normal();

    .form-item-value {
      min-height: 32px;
      width: 100%;
      .et-flex-start();
    }

    .form-item-required-tips {
      margin-top: 5px;
      font-size: @font-size-small;
      color: red;
    }
  }
}